﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>塔城地区公共就业信息有务网_招聘会</title>
<link href="common/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="common/css/reset.css" />
<link href="common/css/pageCode.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript" src="js/jquery.page.js"></script>
<script type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript">
        
        $(function(){

            $(".tcdPageCode").createPage({
                pageCount:6,  //总页数
                current:1,    //当前页
                backFn:function(p){
                    //alert(p);
                    console.log(p);
                    showData(p);
                }
            });
			
			//页面初始化接受搜索条件
			var path=decodeURI(window.location.search); //
			if(path!=""){
				var paths=path.split("&");
				$("#jbPlace").val(paths[0].split("=")[1]);
				$("#jobFairName").val(paths[1].split("=")[1]);
				$("#jbDate").val(paths[2].split("=")[1]);
			}
			
			showData($("#jbPlace").val(),$("#jobFairName").val(),$("#jbDate").val());  //初始化

			$("#jfsearch").click(function () {
				showData($("#jbPlace").val(),$("#jobFairName").val(),$("#jbDate").val());
			});
			
        });

        function showData(jbPlace,jobFairName,jbDate) {
            $.ajax({
                url:"getJobFairGO",
                dataType:"json",
                type:"post",
                async:false,
                data:{
                    jbPlace:jbPlace,
                    jobFairName:jobFairName,
					jbDate:jbDate
                },
                success:function (jobFairList) {
                    $("#jobfair").empty();
                    $("#jobfair").append("<tr id=\"tr\">\n" +
                        "<th align=\"left\">招聘会类型</th>\n" +
                        "<th align=\"left\">举办日期</th>\n" +
                        "<th align=\"left\">招聘会进度</th>\n" +
                        "</tr>");
                    $.each(jobFairList,function (key,jobfair) {
                        var str="<tr id='tr"+jobfair.id+"' onmousemove='show("+jobfair.id+")' onclick='getJobFairById("+jobfair.id+");'>" +
                            "<td>"+jobfair.jobFairName+"</td>" +
                            "<td>"+jobfair.jbDate+" "+jobfair.jbTime+"</td>" +
                            "<td>"+(jobfair.s==1?"当天开始":(jobfair.s==2?"已结束":"即将开始"))+"</td>" +
                            "</tr>";
                        $("#jobfair").append(str);
                    })
                }
            });
        }

        function show(id){
            $("#tr"+id).css("background","#CCCCCC").css("font-size","13px").css("font-weight","bold").siblings().css("background","white").css("font-size","12px").css("font-weight","normal");
            $("#tr").css("background","url(images/zpb_tit.gif)");
        }
		
        function getJobFairById(id){
            window.location.href="web_zph_des.html?id="+id;
        }
    </script>
</head>
<body>
<div class="ban"></div>

<div class="nav">
	<ul>
    	<li><a href="index.html">首　页</a></li>
    	<li><a href="web_grqz.html" >个人求职</a></li>
    	<li><a href="web_dwzp.html" >单位招聘</a></li>
    	<li><a href="web_zph.html" >招聘会</a></li>
    	<li><a href="web_article_list.html?menuName=办事指南&menuType=5" >办事指南</a></li>
    	<li><a href="web_article_list.html?menuName=就业指导&menuType=5" >就业指导</a></li>
    	<li><a href="web_article_list.html?menuName=下载中心&menuType=5" >下载中心</a></li>
    </ul>
</div>

<div class="main_bg"></div>

<!--招聘会-->
<div class="grqz mb">
    <div class="title t6"><a href="zph.html" title="招聘会">招聘会</a></div>
    
    <div class="qzzp_nr">
        <div class="fl w665 ">
            <div class="qzzp_nr_ul_tit"><strong>招聘会信息</strong></div>
            
            <table border="0" cellspacing="0" cellpadding="0" class="tab-grqz" id="jobfair">
              <tr id="tr">
                <th align="left">招聘会类型</th>
                <th align="left">举办日期</th>
                <th align="left">招聘会进度</th>
              </tr>
              <tr id="tr1" onmousemove="show(1)" onclick="queryJobFairById(1);">
                <td>9月27日（周五）动感求职 闪耀未来——江苏移动"125..</td>
                <td>2021-09-27 ( 星期五 )</td>
                <td>即将举办</td>
              </tr>
              <tr id="tr2" onmousemove="show(2)" onclick="queryJobFairById(2);">
                <td>9月27日（周五）动感求职 闪耀未来——江苏移动"125..</td>
                <td>2021-09-27 ( 星期五 )</td>
                <td>即将举办</td>
              </tr>
              <tr>
                <td>9月27日（周五）动感求职 闪耀未来——江苏移动"125..</td>
                <td>2021-09-27 ( 星期五 )</td>
                <td>即将举办</td>
              </tr>
              <tr>
                <td>9月27日（周五）动感求职 闪耀未来——江苏移动"125..</td>
                <td>2021-09-27 ( 星期五 )</td>
                <td>即将举办</td>
              </tr>
              <tr>
                <td>9月27日（周五）动感求职 闪耀未来——江苏移动"125..</td>
                <td>2021-09-27 ( 星期五 )</td>
                <td>即将举办</td>
              </tr>
              <tr>
                <td>9月27日（周五）动感求职 闪耀未来——江苏移动"125..</td>
                <td>2021-09-27 ( 星期五 )</td>
                <td>即将举办</td>
              </tr>
            </table>
			<table border="0" cellspacing="0" cellpadding="0" class="num" >
			  <tr>
				<td>
				  <!--<div class="list_page"><p><a href="#"><img src="images/list_pape_left.gif" /></a><span>1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#"><img src="images/list_pape_right1.jpg" /></a><a href="#"><img src="images/list_pape_top.jpg" /></a></p></div>-->
				  <div class="tcdPageCode"></div>
				</td>
			  </tr>
			</table>
        </div>
        
        <div class="gwss">
        	<div class="gwssbt">
                <ul>
                  <li><a href="#" id="hlgk1" onMouseOver="hlgk('cone_','hlgk',1,2)" class="hover">招聘会搜索</a></li>
                </ul>
                <span><a href="#"><img src="images/new_more.jpg" /></a></span>
            </div>
          
            <div class="gwss_nr" id="cone_hlgk_1">
                <table border="0" align="center" cellpadding="0" cellspacing="0" class="gwss-tab">
                    <tr>
                    <td width="68" >地　点</td>
                    <td width="212" align="right" >
                      <input id="jbPlace"/>
                    </td>
                    </tr>
                    <tr>
                    <td >名　字</td>
                    <td align="right" ><input id="jobFairName"/></td>
                    </tr>
                    <tr>
                    <td >日　期</td>
                    <td align="right" >
					<input id="jbDate" onclick="WdatePicker()" class="ipu Wdate"/>
					</td>
                    </tr>
                    <tr>
                    <td colspan="2" align="center"><img src="images/cx.gif" id="jfsearch" width="109" height="24" /></td>
                  </tr>
                </table>
          </div>
      </div>
    </div>
</div>   
<div class="foot"  >
<ul>
  相关网站导航：<select name="menu1" onchange="MM_jumpMenu('parent',this,0)" style="margin-left:20px;display:inline;">
      <option>-- 自  治 区 政 府 部 门 --</option>
    </select> 
    <select name="menu2" onchange="MM_jumpMenu('parent',this,0)" style="margin-left:20px;display:inline;">
      <option>-- 地 州 网  站 --</option>
    </select>
        <select name="menu3" onchange="MM_jumpMenu('parent',this,0)" style="margin-left:20px;display:inline;">
          <option>--主 要  新 闻  媒  体 --</option>
        </select>
        <select name="menu4" onchange="MM_jumpMenu('parent',this,0)" style="margin-left:20px;display:inline;">
          <option>-- 主 要 门 户 及 合 作 网 站 --</option>
        </select>
  </ul>

<p>主办单位：塔城地区人力资源和社会保障局<br /> 
技术支持：塔城地区人力资源和社会保障局信息化办公室<br /> 
</p>
</div>
<script type="text/javascript">
	$(function(){
	$("div.dlbt1 ul li").mouseover(function(){
	$(this).addClass("selected").siblings().removeClass("selected");
	var index=$("div.dlbt1 ul li").index(this);
	$("div.tabnr1>div").eq(index).show().siblings().hide();
	})
})
</script>
</body>
</html>
